<template>
    <div class="movies_tem" @click="movieDetail">
        <div class="left">
            <img :src="item.images.large" alt="">
        </div>
        <div class="right">
            <p class="title">{{item.title}}</p>
            <p class="time">年份: {{item.year}}</p>
            <p class="people">国家 : {{item.countries[0]}}</p>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            
        }
    },
    props:['item','index'],
    mounted(){
    },
    methods:{
        movieDetail(){
            wx.navigateTo({
                url:'/pages/moviesDetail/main?index='+this.index
            })
        }
    }
}
</script>
<style scoped>
    .movies_tem {
        padding: 10rpx;
    }
    .left {
        width: 150rpx;
        height: 150rpx;
        float: left;
        margin-right: 10rpx;
    }
    .left img {
        width: 150rpx;
        height: 150rpx;
        border-radius: 5rpx;
    }
    .right {
        overflow: hidden;
        line-height: 50rpx;
        margin-top: 10rpx;
    }
    .title {
        font-weight: 900;
        font-size: 35rpx;
    }
    .time {
        font-size: 20rpx;
    }
    .people {
        font-size: 25rpx;
    }
</style>


